<template>
    <div class="hello">
        <div class="head">购物车 <span>编辑</span></div>
        <top></top>
        <bottom></bottom>
    </div>
</template>

<script>
import top from './views/top/top-index.vue';
import bottom from './views/bottom/bot-index.vue';

export default {
    name: 'HelloWorld',
    props: {
        msg: String
    },
    components: {
        top,
        bottom
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello {
    width: 1000px;
    height: 100%;
    background-color: rgb(249, 249, 249);
    margin: auto;
    padding: 10px 0;
    .head {
        width: 100%;
        background-color: #fff;
        text-align: center;
        font-size: 35px;
        margin: 10px 0;
        height: 50px;
        font-weight: bolder;
        line-height: 50px;

        span {
            float: right;
            margin-right: 15px;
            font-size: 18px;
        }
    }
}
</style>
